<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta
			name="description"
			content="中国最大、最安全的网上交易社区，尽享淘宝乐趣！"
		/>
		<title>淘宝网 - 我的购物车</title>
		<link rel="stylesheet" href="./css/normalize.css" />
		<link rel="stylesheet" href="./css/header.css" />
		<link rel="stylesheet" href="./css/footer.css" />
		<link rel="stylesheet" href="./css/shopcar.css" />
		<script src="./js/shop/shop.js" type="module"></script>
	</head>
	<body>
		<!-- header -->
		<header>
			<!-- 头部顶端导航 -->
			<nav class="site-nav">
				<div class="wrapper">
					<!-- 登录 注册 -->
					<p id="login" class="login">
						<em class="login__desc">喵，欢迎来天猫</em>
						<a
							class="login__login"
							href=""
							target="_top"
						>
							请登录
						</a>
						<a
							class="login__register"
							href=""
							target="_top"
							>免费注册</a
						>
					</p>

					<!-- 站点导航 -->
					<ul class="site-nav__menu">
						<!-- 我的淘宝 -->
						<li class="menu__main menu__sliderdown">
							<a href="javascript:;">
								<span>我的淘宝</span>
							</a>
							<div class="menu__sub sub__baby">
								<a href="javascript:;">已买到的宝贝</a>
								<a href="javascript:;">已卖出的宝贝</a>
							</div>
						</li>
						<!-- 购物车 -->
						<li class="menu__shopcart">
							<i class="icon"></i>
							<a href="./shopcar.html">购物车</a>
						</li>
						<!-- 收藏夹 -->
						<li class="menu__fav menu__sliderdown">
							<a href="javascript:;">收藏夹</a>
							<div class="menu__sub">
								<a href="javascript:;">收藏的宝贝</a>
								<a href="javascript:;">收藏的店铺</a>
							</div>
						</li>
						<!-- 手机端 -->
						<li class="menu__mobile">
							<i class="icon"></i>
							<a href="javascript:;">手机版</a>
							<div class="menu__qrcode"></div>
						</li>
						<!-- home -->
						<li class="menu__home">
							<a href="javascript:;">淘宝网</a>
						</li>
						<!-- 商家支持 -->
						<li class="menu__seller menu__sliderdown">
							<a href="javascript:;">商家支持</a>
							<!-- 商家支持 二级导航 -->
							<ul class="seller-list menu__sub">
								<!-- 商家支持具体项目 -->
								<li class="seller__item seller__menu">
									<p class="seller__title">商家:</p>
									<a href="javascript:;"> 商家入驻 </a>
									<a href="javascript:;"> 商家中心 </a>
									<a href="javascript:;"> 商家品控 </a>
									<a href="javascript:;"> 天猫智库 </a>
									<a href="javascript:;"> 天猫规制 </a>
									<a href="javascript:;"> 运营服务 </a>
									<a href="javascript:;"> 商家服务 </a>
									<a href="javascript:;"> 喵言喵语 </a>
								</li>
								<!-- 帮助 -->
								<li class="seller__item seller__help">
									<p class="seller__title">帮助:</p>
									<a href="javascript:;">商家服务大厅</a>
									<a href="javascript:;">问商友</a>
								</li>
							</ul>
						</li>
						<!-- 站点导航 -->
						<li class="menu__sitenav menu__sliderdown">
							<div class="sitnav__info">
								<i class="icon"></i>
								<span>网站导航</span>
							</div>
							<!-- 网站导航 二级菜单 -->
							<div class="sitenav__sub menu__sub">
								<!-- 热点推荐 -->
								<dl class="sitenav__hot sitenav__item">
									<dt>热点推荐<span>Hot</span></dt>
									<dd>
										<a href="javascript:;">天猫超市</a>
									</dd>
									<dd>
										<a href="javascript:;">内衣新品</a>
									</dd>

									<dd>
										<a href="javascript:;">吃乐会</a>
									</dd>
									<dd>
										<a href="javascript:;">喵鲜生</a>
									</dd>
									<dd>
										<a href="javascript:;">试美妆</a>
									</dd>
									<dd>
										<a href="javascript:;">企业采购</a>
									</dd>
									<dd>
										<a href="javascript:;">科技新品</a>
									</dd>
									<dd>
										<a href="javascript:;">运动新品</a>
									</dd>
									<dd>
										<a href="javascript:;">会员积分</a>
									</dd>
									<dd>
										<a href="javascript:;">女装新品</a>
									</dd>
									<dd>
										<a href="javascript:;">时尚先生</a>
									</dd>
									<dd>
										<a href="javascript:;">天猫国际</a>
									</dd>
									<dd>
										<a href="javascript:;">酷玩街</a>
									</dd>
									<dd>
										<a href="javascript:;">精明妈咪</a>
									</dd>
									<dd>
										<a href="javascript:;">品质频道</a>
									</dd>
								</dl>
								<!-- 行业市场 -->
								<dl class="sitenav__market sitenav__item">
									<dt>行业市场<span>Market</span></dt>
									<dd>
										<a href="javascript:;">美妆</a>
									</dd>
									<dd>
										<a href="javascript:;">男鞋</a>
									</dd>
									<dd>
										<a href="javascript:;">家装</a>
									</dd>
									<dd>
										<a href="javascript:;">电器</a>
									</dd>
									<dd>
										<a href="javascript:;">内衣</a>
									</dd>
									<dd>
										<a href="javascript:;">医药</a>
									</dd>
									<dd>
										<a href="javascript:;">女装</a>
									</dd>
									<dd>
										<a href="javascript:;">箱包</a>
									</dd>
									<dd>
										<a href="javascript:;">食品</a>
									</dd>
									<dd>
										<a href="javascript:;">男装</a>
									</dd>
									<dd>
										<a href="javascript:;">运动</a>
									</dd>
									<dd>
										<a href="javascript:;">配饰</a>
									</dd>
									<dd>
										<a href="javascript:;">女鞋</a>
									</dd>
									<dd>
										<a href="javascript:;">母婴</a>
									</dd>
									<dd>
										<a href="javascript:;">汽车</a>
									</dd>
								</dl>
								<!-- 帮助中心 -->
								<dl class="sitenav__help sitenav__item">
									<dt>服务指南<span>Help</span></dt>
									<dd>
										<a href="javascript:;">帮助中心</a>
									</dd>
									<dd>
										<a href="javascript:;">特色服务</a>
									</dd>
									<dd>
										<a href="javascript:;">品质保障</a>
									</dd>
									<dd>
										<a href="javascript:;">7天退换货</a>
									</dd>
								</dl>
							</div>
						</li>
					</ul>
				</div>
			</nav>
		</header>
		<!-- main -->
		<main>
			<!-- 搜索栏 -->
			<section class="shopsearch">
				<h1 class="logo">
					<a href="./index.html" target="_blank">
						<span class="logo__img"></span>
					</a>
				</h1>
				<div class="shopsearchbar">
					<!-- type -->
					<div class="shopsearchbar__type">
						宝贝
						<!-- <ul class="type__ls">
							<li>宝贝</li>
							<li>店铺</li>
							<li>天猫</li>
						</ul> -->
					</div>

					<div class="shopsearch">
						<form class="shopsearch__form" action="#">
							<div class="shopsearch__input">
								<i class="icon"></i>
								<input type="text" />
							</div>
							<button type="submit" class="shopbtn__submit"></button>
						</form>
					</div>
				</div>
			</section>
			<!-- car -->
			<section class="car">
				<div class="car__title">
					<div class="cood">
						<span>您的位置：</span>
						<ul>
							<li>
								<a href="./index.html">首页</a>
							</li>
							<li>
								<a href="javascript:;">我的淘宝</a>
							</li>
							<li>
								<span>我的购物车</span>
							</li>
						</ul>
					</div>
					<div class="help">
						<span>
							购物车帮您一次性完成批量购买与付款，下单更便捷，付款更简单！
						</span>
						<a href="javascript:;"> 如何使用购物车 </a>
					</div>
				</div>
			</section>
			<!-- cart -->
			<section class="cart">
				<div class="cart__title">
					<ul class="title__ls">
						<li class="title__item">
							<a href="javascript:;">
								<span>全新商品</span>
								<em class="title__count">0</em>
							</a>
						</li>
						<li class="title__item">
							<a href="javascript:;">
								<span>降价商品</span>
								<em class="title__count">0</em>
							</a>
						</li>
						<li class="title__item">
							<a href="javascript:;">
								<span>库存紧张</span>
								<em class="title__count">0</em>
							</a>
						</li>
					</ul>
					<div class="function">
						<span class="product__selected">已选商品（不含运费）</span>
						<em class="selected__value">0.00</em>
						<a id="product__clearing" class="product__clearing">结&nbsp;算</a>
					</div>
				</div>
				<div class="cart__content">
					<div class="cart__tabel">
						<div class="cart__all">
							<input
								class="all"
								id="all"
								type="checkbox"
								name="all"
								value="true"
							/>
							<label for="all">全选</label>
						</div>
						<p class="cart__info">商品信息</p>
						<ul class="function">
							<li>单价</li>
							<li>数量</li>
							<li>金额</li>
							<li>操作</li>
						</ul>
					</div>
					<ul class="cart__products">
						<!-- <li class="cart__product">
							<div class="pro__select">
								<input type="checkbox" />
							</div>
							<div class="pro__info">
								<a href="javascript:;">
									<img
										src="https://img.alicdn.com/bao/uploaded/i3/1917047079/O1CN01iPmESv22AEO1IPvA1_!!2-item_pic.png_80x80.jpg"
										alt="!"
									/>
									<p class="info__name">
										Apple/苹果 13 英寸 MacBook Pro Apple M1 芯片，配备
										8 核中央处理器和 8 核图形处理器 512GB 存储容量
									</p>
								</a>
							</div>
							<div class="pro__desc">
								<p class="desc__color">颜色分类：深空灰</p>
								<p class="desc__storage">储存容量：256GB</p>
							</div>
							<div class="pro__price">
								<p class="price__value">
									￥
									<em>11758.00</em>
								</p>
							</div>
							<div class="pro__amount">
								<p class="amount__input">
									<span class="disadd">-</span>
									<input
										type="text"
										name="amount-input"
										class="pro__input"
									/>
									<span class="add">+</span>
								</p>
							</div>
							<div class="pro__allprice">
								<p>￥<em>99999.00</em></p>
							</div>
							<div class="pro__del">
								<p>删除</p>
							</div>
						</li> -->
					</ul>
				</div>
				<div class="cart__function">
					<div class="func__left">
						<div class="left__all">
							<input
								type="checkbox"
								name="left-all"
								id="left-all"
								class="left-all"
							/>
							<label for="left-all">全选</label>
						</div>
						<p class="fun__dele">删除</p>
					</div>
					<div class="func__right">
						<div class="right__selected">
							已选商品 <em class="sel-value">0</em> 件
						</div>
						<p class="right-txt">
							合计（不含运费）：
							<em class="right-heji">0.00</em>
						</p>
						<p class="right__clearing">结算</p>
					</div>
				</div>
			</section>

			<!-- function -->
			<section class="func">
				<ul class="func__title">
					<li>
						<span>掌柜热卖</span>
					</li>
					<li>
						<span>最近浏览过的</span>
					</li>
					<li>
						<span>猜你喜欢的</span>
					</li>
				</ul>
				<div class="func__content">
					<div class="func__item func__item--active"></div>
					<div class="func__item func__item--none"></div>
					<div class="func__item func__item--none"></div>
				</div>
			</section>
		</main>
		<!-- footer -->
		<footer class="clear-bordertop">
			<section class="copyright copyright--reverse">
				<p class="tm__info tm__info--reverse tm__info--bortop">
					<a href="javascript:;">关于天猫</a>
					<a href="javascript:;">商家服务大厅</a>
					<a href="javascript:;">开放平台</a>
					<a href="javascript:;">诚聘英才</a>
					<a href="javascript:;">联系我们</a>
					<a href="javascript:;">网站合作</a>
					<a href="javascript:;">法律声明</a>
					<a href="javascript:;">隐私权政策</a>
					<a href="javascript:;">知识产权</a>
					<a href="javascript:;">廉正举报</a>
					<a href="javascript:;">规则意见征集</a>
					<a href="javascript:;">不当竞争举报</a>
				</p>
				<p class="tm__friendlink tm__friendlink--reverse tm__info--bortop">
					<a href="javascript:;">阿里巴巴集团</a>|
					<a href="javascript:;">淘宝网天猫</a>|
					<a href="javascript:;">聚划算</a>|
					<a href="javascript:;">全球速卖通</a>|
					<a href="javascript:;">阿里巴巴国际交易市场</a>|
					<a href="javascript:;">1688</a>| <a href="javascript:;">阿里妈妈</a>|
					<a href="javascript:;">飞猪</a>| <a href="javascript:;">阿云计算</a>|
					<a href="javascript:;">AliOS</a>| <a href="javascript:;">阿里通信</a>|
					<a href="javascript:;">万网</a>| <a href="javascript:;">高德</a>|
					<a href="javascript:;">UC</a>| <a href="javascript:;">友盟</a>|
					<a href="javascript:;">虾米钉钉</a>|
					<a href="javascript:;">支付宝</a>|
					<a href="javascript:;">阿里安全</a>
				</p>
				<div class="footer__copyright footer__copyright--reverse">
					<a href="javascript:;"> 增值电信业务经营许可证:浙B2 20110446 </a>
					<a href="javascript:;">市场名称登记证:工商网市字3301004119号 </a>
					<a href="javascript:;"
						>出版物网络交易平台服务经营备案证:新出发浙备字第2019002号</a
					>
					<br />
					<a href="javascript:;"
						>互联网违法和不良信息举报电话: 0571-81683755 blxjb@alibaba
						inc.com</a
					>
					<a href="javascript:;"
						>互联网药品信息服务资质证书编号:浙(经营性) -2017-0005</a
					>
					<a href="javascript:;">
						<img
							src="./images/TB.png"
							width="20"
							height="20"
							alt="ga"
						/>
						浙公网安备33010002000120号</a
					>
					<br />
					<a href="javascript:;"
						>医疗器械网络交易服务第三方平台备案: (浙)
						网械平台备字1201810第0002号</a
					>
					<br />
					<a href="javascript:;"
						>浙江省网络食品销售第三方平台提供者备案:浙网食A33010002</a
					>
					<a href="javascript:;">12318举报</a>
					<a href="javascript:;">浙B2-201 10446-1</a>
					<br />
					<a class="copyright__cpr" href="javascript:;"
						>&copy;2003现在TMALL.COM版权所有</a
					>
				</div>
			</section>
		</footer>
	</body>
</html>
